<!-- file proyek -->
<script> 
	
	$(function(){
		/* REMOVE DUPLICATE ID */
		var ids = [];
		$('*').each(function() {
			if (this.id && this.id !== '') {
				if (ids[this.id]) {
					$(this).remove();
				} else {
					ids[this.id] = this
				}
			}
		});
	
		/* external function */

		$.fn.fmatter.jenisProyekFormat = function(cellval, opts) {
			switch (cellval){
				<?php foreach($data_m_proyek_jenis as $k=>$value )
					echo " case '".$k."' : return '".$value."' ; break;";
				?>
				default : return cellval;
			}
		};
		
		$.fn.fmatter.sumberDanaFormat = function(cellval, opts) {
			switch (cellval){
				<?php foreach($data_proyek_sumberdana as $k=>$value )
					echo " case '".$k."' : return '".$value."' ; break;";
				?>
				default : return cellval;
			}
		};
		
		$.fn.fmatter.jenisKontrakFormat = function(cellval, opts) {
			switch (cellval){
				<?php foreach($data_proyek_jeniskontrak as $k=>$value )
					echo " case '".$k."' : return '".$value."' ; break;";
				?>
				default : return cellval;
			}
		};
		
		$.fn.fmatter.keaslianFormat = function(cellval, opts) {
			switch (cellval){
				<?php foreach($data_dokumen_asli as $k=>$value )
					echo " case '".$k."' : return '".$value."' ; break;";
				?>
				default : return cellval;
			}
		};
		
		$.fn.serializeObject = function()
		{
		   var o = {};
		   var a = this.serializeArray();
		   $.each(a, function() {
			   if (o[this.name]) {
				   if (!o[this.name].push) {
					   o[this.name] = [o[this.name]];
				   }
				   o[this.name].push(this.value || '');
			   } else {
				   o[this.name] = this.value || '';
			   }
		   });
		   return o;
		};
		
		/* declarisasi */
		
		task_proyek = $("#task_proyek");
		grid_proyek = $("#grid-proyek");
		pgrid_proyek = $("#pgrid-proyek");
		btnadd_proyek = $("#btn-add-proyek");
		btndetail_proyek = $("#btn-detail-proyek");
		btndownload_proyek = $("#btn-download-proyek");
		
		btncancel_proyek =  $("#btn-cancel-proyek");
		btnsave_proyek = $("#btn-save-proyek");
		form_proyek = $("#form-proyek");
		
		field_proyek_id = $("#proyek_id");
		field_proyek_kode = $("#proyek_kode");
		field_proyek_nama = $("#proyek_nama");
		field_m_cabang_id = $("#m_cabang_id");
		field_proyek_pm = $("#proyek_pm");
		field_proyek_jenis = $("#proyek_jenis");
		field_proyek_tahunmulai = $("#proyek_tahunmulai");
		field_proyek_nkawal = $("#proyek_nkawal");
		field_proyek_nkadd = $("#proyek_nkadd");
		field_proyek_nkakhir = $("#proyek_nkakhir");
		field_proyek_cp = $("#proyek_cp");
		field_proyek_kontruksijenis = $("#proyek_kontruksijenis");
		field_proyek_sumberdana = $("#proyek_sumberdana");
		field_proyek_jeniskontrak = $("#proyek_jeniskontrak");
		field_proyek_jaminanpelaksanaan = $("#proyek_jaminanpelaksanaan");
		field_proyek_jaminanpenawaran = $("#proyek_jaminanpenawaran");
		field_proyek_retensi = $("#proyek_retensi");
		field_proyek_denda = $("#proyek_denda");
		field_proyek_carapembayaran = $("#proyek_carapembayaran");
		field_proyek_uangmuka = $("#proyek_uangmuka");
		field_proyek_jangkawaktusetifikasi = $("#proyek_jangkawaktusetifikasi");
		field_proyek_jangkawaktupembayaran = $("#proyek_jangkawaktupembayaran");
		
		/* method started */
		
		$( "input[type=submit],input[type=button],input[type=reset], button" ).button();
			
		/* make component */
		
		grid_proyek.jqGrid({ 
			ajaxGridOptions : {type:"POST"},
			serializeGridData : function(postdata) {return postdata; },
			postData : {task : 'LIST'},
            url: 'c_searchdokumen',
			datatype: "json", 
			colNames:[
				'Nama Dokumen',
				'Keaslian Dokumen',
				'Kode',
				'Nama Proyek',
				'Cabang',
				'PM',
				'Jenis Proyek',
				'Tahun Mulai',
				'NK Awal',
				'NK Add',
				'NK Akhir',
				'Contact Person',
				'Jenis Kontruksi',
				'Sumber Dana',
				'Jenis Kontrak',
				'Jaminan Pelaksanaan',
				'Jaminan Penawaran',
				'Retensi',
				'Denda',
				'Cara Pembayaran',
				'Uang Muka',
				'Jngk. Wkt. Pembayaran Sertifikasi',
				'Jngk. Wkt. Pembayaran',
				'','Cabang_id','proyek_id','dokumen_id'],
			colModel:[
				{ name: 'dokumen_nama'  ,index: 'dokumen_nama' , search : false,  },
				{ name: 'dokumen_asli'  ,index: 'dokumen_asli' , search : false , formatter : 'keaslianFormat'},
				{ name: 'proyek_kode'  ,index: 'proyek_kode' , search : false },
				{ name: 'proyek_nama'  ,index: 'proyek_nama' , search : false },
				{ name: 'cabang_nama'  ,index: 'cabang_nama' , search : false},
				{ name: 'proyek_pm'  ,index: 'proyek_pm' , search : false},
				{ name: 'proyek_jenis'  ,index: 'proyek_jenis' , search : false, formatter :'jenisProyekFormat'},
				{ name: 'proyek_tahunmulai'  ,index: 'proyek_tahunmulai' , search : false},
				{ name: 'proyek_nkawal'  ,index: 'proyek_nkawal' , search : false},
				{ name: 'proyek_nkadd'  ,index: 'proyek_nkadd' , search : false},
				{ name: 'proyek_nkakhir'  ,index: 'proyek_nkakhir' , search : false},
				{ name: 'proyek_cp'  ,index: 'proyek_cp' , search : false},
				{ name: 'proyek_kontruksijenis'  ,index: 'proyek_kontruksijenis' , search : false},
				{ name: 'proyek_sumberdana'  ,index: 'proyek_sumberdana' , search : false, formatter :'sumberDanaFormat'},
				{ name: 'proyek_jeniskontrak'  ,index: 'proyek_jeniskontrak' , search : false, formatter :'jenisKontrakFormat'},
				{ name: 'proyek_jaminanpelaksanaan'  ,index: 'proyek_jaminanpelaksanaan' , search : false},
				{ name: 'proyek_jaminanpenawaran'  ,index: 'proyek_jaminanpenawaran' , search : false},
				{ name: 'proyek_retensi'  ,index: 'proyek_retensi' , search : false},
				{ name: 'proyek_denda'  ,index: 'proyek_denda' , search : false},
				{ name: 'proyek_carapembayaran'  ,index: 'proyek_carapembayaran' , search : false},
				{ name: 'proyek_uangmuka'  ,index: 'proyek_uangmuka' , search : false},
				{ name: 'proyek_jangkawaktusetifikasi'  ,index: 'proyek_jangkawaktusetifikasi' , search : false},
				{ name: 'proyek_jangkawaktupembayaran'  ,index: 'proyek_jangkawaktupembayaran' , search : false},
				{ name: 'dokumen_url' ,index: 'dokumen_url', width: '75' , search : false, hidden : true  },
				{ name: 'm_cabang_id'  ,index: 'm_cabang_id'  , hidden : true},
				{ name: 'proyek_id'  ,index: 'proyek_id',  hidden: true , search : false},
				{ name: 'dokumen_id'  ,index: 'dokumen_id',  hidden: true , key : true, search : false}
			],
			width: '900',
			height: 'auto', 
			shrinkToFit: false,
			rowNum:10, 
			rowList:[10,20,30], 
			pager: '#pgrid-proyek', 
			sortname: 'proyek_id', 
			viewrecords: true, 
			sortorder: "desc",
			caption:"" 
		}); 
		grid_proyek.jqGrid('navGrid','#pgrid-proyek',{edit:false,add:false,del:false,search:false});
		// grid_proyek.jqGrid('filterToolbar',{});
	 	// grid_proyek.jqGrid('setFrozenColumns');
		
		form_proyek.dialog({
			autoOpen: false,
			height: "auto",
			width: "auto",
			modal: true
		});
		
		/* event */
		
		btnadd_proyek.click(function(){
			task_proyek.val("LIST");
			form_proyek.dialog("open");
		});
		
		btndownload_proyek.click(function(){
			id = grid_proyek.getGridParam("selrow");
			if (id == null){
				alert("Silakan pilih dokumen yang akan didownload !");
			}else{
				data = grid_proyek.getRowData(id);
				window.open('<?php echo base_url()."../"; ?>'+data.dokumen_url);
			}
		});
		
		btndetail_proyek.click(function(){
			id = grid_proyek.getGridParam("selrow");
			if (id == null){
				alert("Silakan pilih dokumen yang akan dilihat detailnya !");
			}else{
				$.ajax({
					type: 'POST',
					url: 'c_searchdokumen',
					data: {proyek_id: data.id, task : 'DETAIL', dokumen_id : id },
					success: function(response){
						if(response==1){
							window.open("../print/detail.html","","width=500,height=700,scrollbars=yes");
						}
					}
				});
			}
		});
		
		btncancel_proyek.click(function(){
			form_proyek.dialog("close");
		});
		
		btnsave_proyek.click(function(){
			data = form_proyek.serializeObject();
			grid_proyek.setGridParam({postData : data});
			grid_proyek.trigger('reloadGrid');
			form_proyek.dialog("close");
		});
		
	});
</script>

	<table id="grid-proyek" class="table table-striped table-bordered" ></table>
	<div id="pgrid-proyek"></div>
	<br />
	<button id="btn-add-proyek">Cari</button>
	<button id="btn-detail-proyek">Detail</button>
	<button id="btn-download-proyek">Download</button>
	
	<form id="form-proyek" title="proyek" disabled=true>
		<input type="hidden" value="INSERT" name="task" id="task_proyek">
	   <table>
			<tr style="display: none">
				<td align="right">proyek_id:</td>
				<td align="left"><input id="proyek_id" name="proyek_id" /></td>
			</tr>
			
			<tr > <td align="right">Nama Dokumen:</td> <td align="left"><input id="dokumen_nama" name="dokumen_nama" /></td>
			<td align="right">Keaslian Dokumen:</td> <td align="left">
			<?php echo form_dropdown("dokumen_asli" ,$data_dokumen_asli,"",'id="dokumen_asli" class="autocomplete"'); ?>
			</td> </tr>
			
			<tr > <td align="right">Kode Proyek:</td> <td align="left"><input id="proyek_kode" name="proyek_kode" /></td>
			<td align="right">Nama Proyek:</td> <td align="left"><input id="proyek_nama" name="proyek_nama" /></td> </tr>
			
			<tr > <td align="right">Cabang:</td> <td align="left">
			<?php echo form_dropdown("m_cabang_id" ,$data_m_cabang_id,"",'id="m_cabang_id" class="autocomplete"'); ?>
			</td> 
			<td align="right">PM:</td> <td align="left"><input id="proyek_pm" name="proyek_pm" /></td> </tr>
			
			<tr > <td align="right">Jenis Proyek:</td> <td align="left">
			<?php echo form_dropdown("proyek_jenis" ,$data_m_proyek_jenis,"",'id="proyek_jenis" class="autocomplete"'); ?></td> 
			<td align="right">Tahun Mulai:</td> <td align="left"><input id="proyek_tahunmulai" name="proyek_tahunmulai" /></td> </tr>
			
			<tr > <td align="right">Nilai Kontrak Awal:</td> <td align="left"><input id="proyek_nkawal" name="proyek_nkawal" /></td> 
			<td align="right">Nilai Kontrak Addendum:</td> <td align="left"><input id="proyek_nkadd" name="proyek_nkadd" /></td> </tr>
			
			<tr > <td align="right">Nilai Kontrak Akhir:</td> <td align="left"><input id="proyek_nkakhir" name="proyek_nkakhir" /></td>
			<td align="right">Contact Person:</td> <td align="left"><input id="proyek_cp" name="proyek_cp" /></td> </tr>
			
			<tr > <td align="right">Jenis Kontruksi:</td> <td align="left"><input id="proyek_kontruksijenis" name="proyek_kontruksijenis" /></td>
			<td align="right">Sumber Dana:</td> <td align="left">
			<?php echo form_dropdown("proyek_sumberdana" ,$data_proyek_sumberdana,"",'id="proyek_sumberdana" class="autocomplete"'); ?></td> </tr>
			
			<tr > <td align="right">Jenis Kontrak:</td> <td align="left">
			<?php echo form_dropdown("proyek_jeniskontrak" ,$data_proyek_jeniskontrak,"",'id="proyek_jeniskontrak" class="autocomplete"'); ?></td>
			<td align="right">Jaminan Pelaksanaan:</td> <td align="left"><input id="proyek_jaminanpelaksanaan" name="proyek_jaminanpelaksanaan" /></td> </tr>
			
			<tr > <td align="right">Jaminan Penawaran:</td> <td align="left"><input id="proyek_jaminanpenawaran" name="proyek_jaminanpenawaran" /></td> 
			<td align="right">Retensi:</td> <td align="left"><input id="proyek_retensi" name="proyek_retensi" /></td> </tr>
			
			<tr > <td align="right">Denda Keterlambatan:</td> <td align="left"><input id="proyek_denda" name="proyek_denda" /></td> 
			<td align="right">Cara Pembayaran:</td> <td align="left"><input id="proyek_carapembayaran" name="proyek_carapembayaran" /></td> </tr>
			
			<tr > <td align="right">Uang Muka:</td> <td align="left"><input id="proyek_uangmuka" name="proyek_uangmuka" /></td> 
			<td align="right">Jangka Waktu Pembayaran Sertifikasi:</td> <td align="left"><input id="proyek_jangkawaktusetifikasi" name="proyek_jangkawaktusetifikasi" /></td> </tr>
			
			<tr > <td align="right">Jangka Waktu Pembayaran:</td> <td align="left"><input id="proyek_jangkawaktupembayaran" name="proyek_jangkawaktupembayaran" /></td> </tr>
			
			<tr>
				<td align="right"></td>
				<td style="padding-top: 10px;" align="right">
					<input style="margin-right: 5px;" type="button" id="btn-save-proyek" value="Search"  />
					<input id="btn-cancel-proyek" type="reset" value="Cancel" /></td>
			</tr>
		</table>
	</form>